<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>菜单列表</title>
    <link rel="stylesheet" th:href="@{/static/layui/css/layui.css}"/>
</head>
<body>
    <div class="layui-row">
        <div class="layui-col-md3">
            <ul id="demo"></ul>
        </div>
        <div class="layui-col-md9">
            数据列表
        </div>
    </div>
</body>

<script th:src="@{/static/layui/layui.all.js}"></script>
<script type="text/javascript" th:inline="javascript">
    // <![CDATA[
    layui.tree({
        elem: '#demo' //传入元素选择器
        ,nodes: [{ //节点
            name: '系统菜单'
            ,children: [{
                name: '面板主页'
            },{
                name: '权限管理'
                ,children: [{
                    name: '用户管理'
                },{
                    name: '角色管理'
                }]
            },{
                name: '资源管理'
                ,children: [{
                    name: '菜单配置'
                },{
                    name: '数据资源'
                }]
            }]
        }]
    });
    // ]]>
</script>
</html>